home *** CD-ROM | disk | FTP | other *** search
/ Dynamic HTML Construction Kit / Dynamic HTML Construction Kit.iso / source_code / tydhtml / dyn.exe / CHAP09 / dyn9_1.txt < prev    next >
Encoding:
Text File  |  1997-10-02  |  3.2 KB  |  98 lines
  1. <HTML>
  2.  
  3. <HEAD>
  4.  
  5. <FONT FACE="verdana,arial,helvetica" SIZE=3>
  6.  
  7. <TITLE>Planet Facts Test</TITLE>
  8.  
  9. </HEAD>
  10.  
  11. <BODY BGCOLOR="#FFFFFF">
  12.  
  13. <STYLE>
  14.  
  15. .redText {color:Red;
  16.  
  17.           font-style=italic;}
  18.  
  19. .blueText {color:Blue;
  20.  
  21.            font-style=italic;}
  22.  
  23. </STYLE>
  24.  
  25. <H3 onclick="expandP();">Planets Test</H3>
  26.  
  27. <TABLE><TR>
  28.  
  29. <TD> </TD>
  30.  
  31. <TD><H5>Distance<BR>From<BR>Sun</H5></TD>
  32.  
  33. <TD><H5>Size</H5></TD>
  34.  
  35. <TD><H5>Day<BR>Length</H5></TD>
  36.  
  37. <TD><H5>Surface<BR>Temp</H5></TD>
  38.  
  39. </TR>
  40.  
  41. <TR><TD>
  42.  
  43. <IMG SRC="mars.gif" ALIGN=LEFT HEIGHT=32>
  44.  
  45. <DIV id=mars CLASS="blueText">Mars</DIV>
  46.  
  47. </TD>
  48.  
  49. <TD><INPUT NAME="Q11" SIZE=2></TD>
  50.  
  51. <TD><INPUT NAME="Q21" SIZE=2></TD>
  52.  
  53. <TD><INPUT NAME="Q31" SIZE=2></TD>
  54.  
  55. <TD><INPUT NAME="Q41" SIZE=2></TD>
  56.  
  57. </TR><TR><TD>
  58.  
  59. <IMG SRC="venus.gif" ALIGN=LEFT HEIGHT=32>
  60.  
  61. <DIV id=venus CLASS="blueText">Venus</DIV>
  62.  
  63. </TD>
  64.  
  65. <TD><INPUT NAME="Q12" SIZE=2></TD>
  66.  
  67. <TD><INPUT NAME="Q22" SIZE=2></TD>
  68.  
  69. <TD><INPUT NAME="Q32" SIZE=2></TD>
  70.  
  71. <TD><INPUT NAME="Q42" SIZE=2></TD>
  72.  
  73. </TR><TR><TD>
  74.  
  75. <IMG SRC="saturn.gif" ALIGN=LEFT HEIGHT=32 WIDTH=32>
  76.  
  77. <DIV id=saturn CLASS="blueText">Saturn</DIV>
  78.  
  79. </TD>
  80.  
  81. <TD><INPUT NAME="Q13" SIZE=2></TD>
  82.  
  83. <TD><INPUT NAME="Q23" SIZE=2></TD>
  84.  
  85. <TD><INPUT NAME="Q33" SIZE=2></TD>
  86.  
  87. <TD><INPUT NAME="Q43" SIZE=2></TD>
  88.  
  89. </TR><TR><TD>
  90.  
  91. <IMG SRC="uranus.gif" ALIGN=LEFT HEIGHT=32>
  92.  
  93. <DIV id=uranus CLASS="blueText">Uranus</DIV>
  94.  
  95. </TD>
  96.  
  97. <TD><INPUT NAME="Q14" SIZE=2></TD>
  98.  
  99. <TD><INPUT NAME="Q24" SIZE=2></TD>
  100.  
  101. <TD><INPUT NAME="Q34" SIZE=2></TD>
  102.  
  103. <TD><INPUT NAME="Q44" SIZE=2></TD>
  104.  
  105. </TR>
  106.  
  107. </TABLE>
  108.  
  109. <SCRIPT LANGUAGE=JavaScript>
  110.  
  111. function expandP() {
  112.  
  113.   if (Q11.value=="2" && Q21.value=="1" && Q31.value=="3" && Q41.value=="3") {
  114.  
  115.       mars.innerHTML="<B><I>Mars</I></B><BR><BR>Diameter: 6,787 km<BR>" +
  116.  
  117.           "Rotation: 1.02 days<BR>Temperature: 230 K<BR> Distance From Sun: " +
  118.  
  119.           "1.52<BR>";
  120.  
  121.       mars.className="redText";
  122.  
  123.     } else {
  124.  
  125.       mars.innerHTML="Mars<BR><BR>";
  126.  
  127.       mars.className="blueText";
  128.  
  129.     }
  130.  
  131.   if (Q12.value=="1" && Q22.value=="2" && Q32.value=="4" && Q42.value=="4") {
  132.  
  133.       venus.innerHTML="<B><I>Venus</I></B><BR><BR>Diameter: 12,104 km" +
  134.  
  135.           "<BR>Rotation: 243 days<BR>Temperature: 726 K<BR>Distance From " +
  136.  
  137.           "Sun: .723<BR>";
  138.  
  139.       venus.className="redText";
  140.  
  141.     } else {
  142.  
  143.       venus.innerHTML="Venus";
  144.  
  145.       venus.className="blueText";
  146.  
  147.     }
  148.  
  149.   if (Q13.value=="3" && Q23.value=="4" && Q33.value=="1" && Q43.value=="2") {
  150.  
  151.       saturn.innerHTML="<B><I>Saturn</I></B><BR><BR>Diameter: " + 
  152.  
  153.           "120,660 km<BR>Rotation: 10.2 hours<BR>Temperature: 88 K<BR>" +
  154.  
  155.           "Distance From Sun: 9.54<BR>";
  156.  
  157.       saturn.className="redText";
  158.  
  159.     } else {
  160.  
  161.       saturn.innerHTML="Saturn";
  162.  
  163.       saturn.className="blueText";
  164.  
  165.     }
  166.  
  167.   if (Q14.value=="4" && Q24.value=="3" && Q34.value=="2" && Q44.value=="1") {
  168.  
  169.       uranus.innerHTML="<B><I>Uranus</I></B><BR><BR>Diameter: " +
  170.  
  171.           "51,118 km<BR>Rotation: 17.9 hours<BR>Temperature: 59 K<BR>" +
  172.  
  173.           "Distance From Sun: 19.18<BR>";
  174.  
  175.       uranus.className="redText";
  176.  
  177.     } else {
  178.  
  179.       uranus.innerHTML="Uranus";
  180.  
  181.       uranus.className="blueText";
  182.  
  183.     }
  184.  
  185. }
  186.  
  187. </SCRIPT>
  188.  
  189. </FONT>
  190.  
  191. </BODY>
  192.  
  193. </HTML>
  194.  
  195.